<template>
  <div id="follow">
    <os-pd-row>
      <os-pd-col>
        <b>关注统计</b>
      </os-pd-col>
      <hr />
      <os-pd-col>
        <FollowItem
          name="学生关注率"
          href=""
          follows="74"
          unfollows="17"
        ></FollowItem>
        <FollowItem
          name="教师关注率"
          href=""
          follows="36"
          unfollows="324"
        ></FollowItem>
      </os-pd-col>
    </os-pd-row>
  </div>
</template>

<script>
import OsPdRow from "@/components/common/os/os-pd-row";
import OsPdCol from "@/components/common/os/os-pd-col";
import FollowItem from "@/components/common/logic/FollowItem";

export default {
  name: "Follow",
  components: {
    OsPdRow,
    OsPdCol,
    FollowItem
  },
  watch: {
    $route() {
      this.$store.dispatch("main.title", "校园统计");
    }
  }
};
</script>

<style lang="scss" scoped>
.attention-info:not(:last-child) {
  margin-bottom: 0.6rem;
}
</style>
